$(() => {
    const form = layui.form;
    const layer = layui.layer;

    form.verify({
        nickname: function (value) {
            if (value.length > 6) {
                return "昵称长度应该在1-6个字符之间!";
            }
        }
    });

    initUserInfo(); //调用函数

    // 初始化用户基本信息
    function initUserInfo() {
        $.ajax({
            method: 'GET',
            url: '/my/userinfo',
            success: function (res) {
                if (res.status !== 0) {
                    return layer.msg('获取用户信息失败!');
                }
                // 填充用户数据到输入框
                // $(".layui-input [name=username]").val(res.data.username); 
                // $(".layui-input [name=nickname]").val(res.data.nickname||res.data.username); 
                // $(".layui-input [name=email]").val(res.data.email); 

                // form.val()快速为表单赋值
                form.val("formUserInfo", res.data);
            }
        });
    }

    // 重置表单数据
    $("#btnReset").click(function (e) {
        // 阻止默认事件
        e.preventDefault();
        // 重新初始化数据
        initUserInfo();
    });


    // 监听表单提交事件
    $(".layui-form").on('submit', function (e) {
        e.preventDefault();

        $.ajax({
            method: 'POST',
            url: '/my/userinfo',
            data: $(this).serialize(),  //返回表单内容的字符串格式(即对表单信息的自动拼接)
            success: function (res) {
                if (res.status !== 0) {
                    return layer.msg(res.message);
                }
                layer.msg(res.message);
                // 重载用户头像和信息
                // 方法1,刷新父页面
                // parent.location.reload();

                // 方法2,调用父窗口的 getUserInfo()....推荐
                window.parent.getUserInfo();
            }
        });
    });
});